<template>
  <div style="background-color: white; padding: 16px">
    <div class="title">
      <p>欢迎使用管线数据管理系统。</p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      vantImage: require('@/assets/img/vant.png'),
      currentItem: ['1', '2', '3', '4']
    };
  }
};
</script>

<style scoped>
::v-deep .el-collapse {
  border: none;
}

::v-deep .el-divider--horizontal {
  margin: 0px;
}
::v-deep .el-tag {
  padding: 0px 30px;
}
</style>

<style lang="scss" scoped>
@import '@/assets/style/element-variables.scss';
.title {
  border: 1px solid #ededed;
  border-left-width: 5px;
  border-left-color: $--color-primary;
  margin-bottom: 20px;
}

.title p {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  margin: 0px;
  padding-left: 20px;
}

.title p span {
  font-size: 20px;
  color: $--color-primary;
}

.item-list {
  margin: 0px;
}
.item-list li {
  margin: 10px 0px;
}

.item {
  height: 48px;
  display: flex;
  align-items: center;
}

strong.warning {
  color: red;
  font-size: 16px;
}
</style>
